<template>
  <view class="step-submit">
    <view class="sub-no padding-lr">维保编号：{{ orderinfo.detail?.appoint_no }}</view>
    <view class="car-info padding-lr border-btm">
      <image class="car-img" :src="orderinfo.detail?.car_model_images ? orderinfo.detail?.car_model_images[0] : ''" mode="aspectFit"></image>
      <view class="info-right">
        <view class="tit two-ellipsis">{{ orderinfo.detail?.brand_name }} {{ orderinfo.detail?.series_name }}</view>
        <!-- <view class="addr">{{ orderinfo.shop?.name }}</view> -->
        <view class="car_model_title">{{ orderinfo.detail?.car_model_title }}</view>
        <view class="paizhao">{{ orderinfo.detail?.plate_number }}</view>

      </view>
    </view>
    <view class="sub-cell padding-lr">
      <view class="left">车架号</view>
      <text>{{ orderinfo.detail?.car_frame_number}}</text>
    </view>
    <view class="sub-cell padding-lr">
      <view class="left">联系人</view>
      <text>{{ orderinfo.detail?.contact_person }}</text>
    </view>
    <view class="sub-cell padding-lr">
      <view class="left">电话</view>
      <text>{{ orderinfo.detail?.phone }}</text>
    </view>
    <view class="sub-cell padding-lr border-btm padding-btm">
      <view class="left">预约时间</view>
      <view class="right">{{ orderinfo.detail?.appointtime }}</view>
    </view>
    <view class="sub-cell padding-lr">
      <view class="left">维保门店</view>
    </view>
    <view class="shop-name padding-lr">{{ orderinfo.shop?.name }}</view>
    <view class="shop-address padding-lr">
      <image class="icon" :src="getImageSrc('static/icons/icon-subtract.png')"></image>
      <text>{{ orderinfo.shop?.address }}</text>
    </view>
    <view class="shop-address padding-lr">
      <image class="icon" :src="getImageSrc('static/icons/icon-vector.png')"></image>
      <text class="juli">{{ orderinfo.shop?.distance }}km</text>
    </view>
  </view>
</template>

<script setup>
import { getImageSrc } from '@/path/until';
const { orderinfo } = defineProps({
  orderinfo: Object,
})

</script>

<style lang="less" scoped>
@import url(./index.less);
</style>
